\documentclass[supercite]{Experimental_Report}

\title{~~~~~~新生实践课~~~~~~}
\author{吴雨航}
\school{计算机科学与技术学院}
\classnum{CS2110}
\stunum{U202115675}
\instructor{陈加忠} % 李平、孙伟平、范晔斌、陈加忠
\date{2021年12月10日}

\usepackage{algorithm, multirow}
\usepackage{algpseudocode}
\usepackage{amsmath}
\usepackage{amsthm}
\usepackage{framed}
\usepackage{mathtools}
\usepackage{subcaption}
\usepackage{xltxtra} %提供了针对XeTeX的改进并且加入了XeTeX的LOGO, 自动调用xunicode宏包(提供Unicode字符宏)
\usepackage{bm}
\usepackage{tikz}
\usepackage{tikzscale}
\usepackage{pgfplots}
%\usepackage{enumerate}

\pgfplotsset{compat=1.16}

\newcommand{\cfig}[3]{
  \begin{figure}[htb]
    \centering
    \includegraphics[width=#2\textwidth]{images/#1.tikz}
    \caption{#3}
    \label{fig:#1}
  \end{figure}
}

\newcommand{\sfig}[3]{
  \begin{subfigure}[b]{#2\textwidth}
    \includegraphics[width=\textwidth]{images/#1.tikz}
    \caption{#3}
    \label{fig:#1}
  \end{subfigure}
}

\newcommand{\xfig}[3]{
  \begin{figure}[htb]
    \centering
    #3
    \caption{#2}
    \label{fig:#1}
  \end{figure}
}

\newcommand{\rfig}[1]{\autoref{fig:#1}}
\newcommand{\ralg}[1]{\autoref{alg:#1}}
\newcommand{\rthm}[1]{\autoref{thm:#1}}
\newcommand{\rlem}[1]{\autoref{lem:#1}}
\newcommand{\reqn}[1]{\autoref{eqn:#1}}
\newcommand{\rtbl}[1]{\autoref{tbl:#1}}

\algnewcommand\Null{\textsc{null }}
\algnewcommand\algorithmicinput{\textbf{Input:}}
\algnewcommand\Input{\item[\algorithmicinput]}
\algnewcommand\algorithmicoutput{\textbf{Output:}}
\algnewcommand\Output{\item[\algorithmicoutput]}
\algnewcommand\algorithmicbreak{\textbf{break}}
\algnewcommand\Break{\algorithmicbreak}
\algnewcommand\algorithmiccontinue{\textbf{continue}}
\algnewcommand\Continue{\algorithmiccontinue}
\algnewcommand{\LeftCom}[1]{\State $\triangleright$ #1}

\newtheorem{thm}{定理}[section]
\newtheorem{lem}{引理}[section]

\colorlet{shadecolor}{black!15}

\theoremstyle{definition}
\newtheorem{alg}{算法}[section]

\def\thmautorefname~#1\null{定理~#1~\null}
\def\lemautorefname~#1\null{引理~#1~\null}
\def\algautorefname~#1\null{算法~#1~\null}

\begin{document}

\maketitle

\clearpage

\pagenumbering{Roman}

\tableofcontents[level=2]
\clearpage

\pagenumbering{arabic}

\section{网页整体框架}

图\ref{fig1-1}
主页及四个分页，分页涉及个人和家乡两部分。


主页分为图片和按钮，按钮上方区域为应点击区域，不要搞错了。图片是格拉条，老家特色。

\begin{figure}[htb] % here top bottom
	\begin{center}
		\includegraphics[width=0.8\textwidth]{images/简介图.pdf}
		\caption{网页整体框架}
		\label{fig1-1}
	\end{center}
\end{figure}

设计时选取四个方面，两个个人，两个故乡。




\newpage

\section{主页设计}

主页分为图片和按钮，按钮上方区域为应点击区域，不要搞错了。图片是格拉条，老家特色。
设计时选取四个方面，两个个人，两个故乡。

\begin{figure}[htb]
	\begin{center}
		\includegraphics[width=0.8\textwidth]{images/主页举例.png}
		\caption{主页举例}
		\label{fig2-1}
	\end{center}
\end{figure}

主页分为图片和按钮，按钮上方区域为应点击区域，不要搞错了。图片是格拉条，老家特色。
设计时选取四个方面，两个个人，两个故乡。

\newpage

\section{分页面设计}

下面介绍分页面。

\subsection{页面1 (个人简介）}

照片加个性配图，中间是标题和返回按钮。
正文自传。
\begin{figure}[htb]
	\begin{center}
		\includegraphics[width=0.8\textwidth]{images/个人简介.png}
			\caption{个人简介}
			\label{fig3-1}
		\end{center}
	\end{figure}

\newpage

\subsection{页面2 (故乡简介）}

故乡图片，下加链接及返回按钮。
\begin{figure}[htb]
	\begin{center}
		\includegraphics[width=0.8\textwidth]{images/故乡简介.png}
			\caption{故乡简介}
			\label{fig3-2}
		\end{center}
	\end{figure}

\newpage

\subsection{页面3 (故乡特产）}

摘取网上特产简介，把附带链接也带进来了。
\begin{figure}[htb]
	\begin{center}
		\includegraphics[width=0.8\textwidth]{images/故乡特产.png}
			\caption{故乡特产}
			\label{fig3-3}
		\end{center}
	\end{figure}

\newpage

\subsection{页面4 (隐藏属性）}

纯文本，个人简介补充。
\begin{figure}[htb]
	\begin{center}
		\includegraphics[width=0.8\textwidth]{images/隐藏属性.png}
			\caption{隐藏属性}
			\label{fig3-4}
		\end{center}
	\end{figure}

\newpage

\section{网页设计小结}

问题：图片显示。解决：不断换图片格式，最后解决。

\newpage

\section{课程的收获和建议}

描述通过学习该专题，有何收获，有何建议，如某专题可适当减少讲授时间、某专题可适当增加讲授内容和时间等。描述通过学习该专题，有何收获，有何建议，如某专题可适当减少讲授时间、某专题可适当增加讲授内容和时间等。描述通过学习该专题，有何收获，有何建议，如某专题可适当减少讲授时间、某专题可适当增加讲授内容和时间等。描述通过学习该专题，有何收获，有何建议，如某专题可适当减少讲授时间、某专题可适当增加讲授内容和时间等。

\subsection{计算机基础知识}

了解到了一些计算机相关知识。

\subsection{文档撰写工具LaTeX}

听晕了，讲课过快，夸张点说只听懂了一句“听明白吗”。
建议放慢速度，重复几遍。

\subsection{编程工具Python}

掌握不佳，基本忘完了，还要复习。
建议放慢速度。

\subsection{图像设计软件Photoshop}

基本没问题，掌握了基本上学的所有知识。

\subsection{版本管理软件Git}

我傻了，好难搞，课件操作也不一定管用，关键是操作繁琐，痛苦。

\subsection{网页制作Dreamweaver}

比较简单，除了有点耗时间，其他还好。



\nocite{*} %% 作用是不对文献进行引用，但可以生成文献列表

%\bibliographystyle{HustGraduPaper}
%\bibliography{HustGraduPaper}

\end{document}
